<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/IOTR.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<link rel="stylesheet" type="text/css" href="css/gridsys.css"/>
<link rel="stylesheet" type="text/css" href="css/reset1.css"/>
<link rel="stylesheet" type="text/css" href="css/templatestyle.css"/>
<script language="javascript" type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/wslide.js"></script>
<script type="text/javascript" charset="utf-8">
			$(document).ready(function(){
				
				$("#parent2").wslide({
					width: 600,
					height: 450,
					pos: 1,
					horiz: true
				});
				
			});
		</script>
<style type="text/css" media="screen">
 a{
	 color:#000;}
.gap{
	margin-top:10px;}
#parent2-wrap{
				border: 1px solid #fb903a;
				
			}
			#parent2 li{
				background: #Fff;
				padding: 15px;
				margin: 5px;
				
			}
			#parent2-menu a.wactive{
				font-weight: bold;
				color: #000;
			}
</style>
<!-- InstanceEndEditable -->
</head>

<body>
<!-- InstanceBeginRepeat name="Header" --><!-- InstanceBeginRepeatEntry -->
<div class="container_12">
<div class="reservationheader">
<div class="grid_6 push_4 reservation">Integrated Online Ticketing Reservation System</div>
</div>
</div>
<!-- InstanceEndRepeatEntry --><!-- InstanceEndRepeat -->
<!-- InstanceBeginEditable name="Reservation" -->
<div class="container_12">
<div class="grid_8 push_2">
<div class="grid_8 gap">
<ul id="parent2">
					<li>The Magic-8 Set - FOR SHOW, USING ANOTHER JQUERY.</li>
					<li>The Lunch Set For 2</li>
					<li>Afternoon Tea Set</li>
					<li>The Dinner Set For 4</li>
                    </ul>

</div>
<div class="grid_8"><form action="IOTR_reservation.html" method="post"><table width="476" border="1" class="reservetbls">
  <tr>
    <td width="350">Menu</td>
    <td width="110">Quantity</td>
  </tr>
  <tr>
    <td>The Magic-8 Set</td>
    <td><select name="set">
      <option value="1" selected="selected">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
    </select></td>
  </tr>
  <tr>
    <td>The Lunch Set For 2</td>
    <td><select name="set">
      <option value="1" selected="selected">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
    </select></td>
  </tr>
  <tr>
    <td>Afternoon Tea Set</td>
    <td><select name="set">
      <option value="1" selected="selected">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
    </select></td>
  </tr>
  <tr>
    <td>The Dinner Set For 4</td>
    <td><select name="set">
      <option value="1" selected="selected">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
    </select></td>
  </tr>
  <tr>
    <td colspan="2"><input type="submit" name="proceed" id="proceed" value="Proceed to Reservation" /></td>
  </tr>
</table></form></div>
</div>
</div>
<!-- InstanceEndEditable -->
<!-- InstanceBeginRepeat name="Footer" --><!-- InstanceBeginRepeatEntry -->Footer<!-- InstanceEndRepeatEntry --><!-- InstanceEndRepeat -->
</body>
<!-- InstanceEnd --></html>
